<template>
  <div>
    <div class="banner">
      <img src="../../assets/images/banner.png" width="100%"/>
    </div>
    <ul class="selectWap">
      <li class="st_select border-bottom">
        <router-link to="/loginStudent"  class="clearfix">
        <div class="pic">
          <img src="../../assets/images/student.png"/>
        </div>
        <div class="person">
          <p>学生</p>
          <span>我是学生</span>
        </div>
        <div class="goto">
          <img src="../../assets/images/row_right.png"/>
        </div>
        </router-link>
      </li>
      <li class="fa_select">
        <router-link to="/loginFamily" class="clearfix">
        <div class="pic">
          <img src="../../assets/images/family.png"/>
        </div>
        <div class="person">
          <p>家属</p>
          <span>我是家属</span>
        </div>
        <div class="goto">
          <img src="../../assets/images/row_right.png"/>
        </div>
        </router-link>
      </li>
    </ul>
  </div>


</template>

<script>
  export default {
    name:'v_home'
  }
</script>

<style scoped>
  .banner {
    margin-top: -.9rem;
  }
  .selectWap{
  background-color: #fff;
  }
  .selectWap li{
    text-align: left;
    padding: .15rem .18rem;
    overflow: hidden;
  }
  .selectWap li .pic{
    float: left;
    border-radius: 50%;
  }
  .pic img{
    width:.85rem;
    height:.85rem;
  }
  .person{
    float: left;
    padding-left: .3rem;
  }
  .person p{
    color: #2b2b2b;
    font-size: .2rem;
    line-height: .3rem;
    margin-top: .2rem;
  }
  .person span{
    color: #808080;
    font-size: .15rem;
  }
  .selectWap li .goto{
    float: right;
    margin-right: .25rem;
    margin-top: .35rem;
  }
  .selectWap li .goto img{
    width: .11rem;
    height: .18rem;
  }
</style>
